<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		
		.a{
			width: 80%;
			margin: 30px 10%;
			background: grey;
			font-size: 0;
			overflow: hidden;
		}
		.aa{
			width: 15%;
			height: 30px;
			background: red;
			float: left;
		}
		.ab{
			float: left;
			width: 75%;
		}
		.ab div{
			display: inline-block;
			height: 56px;
			line-height: 56px;	
			width: 245.75px;
			font-size: 16px;
			text-align: center;
			margin: 0 auto;
			font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif
		}
		.a1{
			background: green;
		}
		.a2{background: yellow;}
		.a3{background: #daa;}
	</style>
</head>
<body>
<div class="a">
	<div class="aa"></div>
	<div class="ab">
		<div class="a1">首页</div>
	  	<div class="a2">安卓</div>
		<div class="a3">亚马逊</div>
	</div>
</div>
</body>
</html>